<template>
  <div class="Homes-component">
    <img class="nan" src="@/assets/image/index/男人.png" alt="" />
    <!-- <img class="nan" src="@/assets/image/index/道长.png" alt="" /> -->
    <img class="foot" src="@/assets/image/index/footer_9ac7439.png" alt="" />
  </div>
</template>

<script>
export default {
  name: 'DomeHome',

  data() {
    return {}
  },

  mounted() {},

  methods: {}
}
</script>

<style lang="less" scoped>
.Homes-component {
  position: relative;

  .nan {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .foot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  height: 100%;
  background-color: #fff;
  // 重置卡片的基础样式
  .el-card.is-always-shadow,
  .el-card.is-hover-shadow:focus,
  .el-card.is-hover-shadow:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 13px;
  }
}
</style>
